<template>
<div>
   <h3>{{info.title}}</h3>
    <h4>{{info.content}}</h4>
    {{info}}
</div>
</template>

<script>
    import {mapState} from 'vuex'
    export default {
        name: "",
        info:{},
        props:['id','bid'],
        computed:{
            ...mapState(["data"])
        },
        created() {
            this.info=this.data.category.find(r=>r.id===parseInt(this.id))
                .blogs.find(r=>r.id===parseInt(this.bid));
            console.log(this.info)
        }
    }
</script>

<style scoped>

</style>
